diff --git a/components/bible/reading-view.tsx b/components/bible/reading-view.tsx
index ef48268..d7fe10e 100644
--- a/components/bible/reading-view.tsx
+++ b/components/bible/reading-view.tsx
@@ -28,7 +28,6 @@ export function ReadingView({
 }: ReadingViewProps) {
   const theme = useTheme()
   const isMobile = useMediaQuery(theme.breakpoints.down('sm'))
-  const isTablet = useMediaQuery(theme.breakpoints.down('md'))
   const [preferences, setPreferences] = useState(loadPreferences())
   const [showControls, setShowControls] = useState(!isMobile)
 
@@ -93,23 +92,33 @@ export function ReadingView({
       <Box
         sx={{
           flex: 1,
-          p: 3,
+          py: 3,
           maxWidth: 700,
           mx: 'auto',
           width: '100%',
-          margin: 'var(--margin-width)',
+          px: 'var(--margin-width)',
           lineHeight: 'var(--line-height)',
           fontSize: 'var(--font-size)',
           fontFamily: 'var(--font-family)',
+          textAlign: 'var(--text-align)' as any,
         } as CSSProperties}
       >
         {chapter.verses.map((verse) => (
           <span
             key={verse.id}
+            role="button"
+            tabIndex={0}
+            aria-label={`Verse ${verse.verseNum}: ${verse.text}`}
             onClick={(e) => {
               e.stopPropagation()
               onVerseClick(verse.id)
             }}
+            onKeyDown={(e) => {
+              if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault()
+                onVerseClick(verse.id)
+              }
+            }}
             style={{
               cursor: 'pointer',
               transition: 'background-color 0.15s',
diff --git a/lib/reading-preferences.ts b/lib/reading-preferences.ts
index a6ad0f3..f8e799a 100644
--- a/lib/reading-preferences.ts
+++ b/lib/reading-preferences.ts
@@ -82,6 +82,7 @@ export function getCSSVariables(prefs: ReadingPreference): Record<string, string
     '--font-size': `${prefs.fontSize}px`,
     '--line-height': `${prefs.lineHeight}`,
     '--letter-spacing': `${prefs.letterSpacing}em`,
+    '--text-align': prefs.textAlign,
     '--bg-color': prefs.backgroundColor,
     '--text-color': prefs.textColor,
     '--margin-width': getMarginWidth(prefs.margin),